<script setup lang="ts">

defineProps({
  title: {
    type: String,
    default: ''
  },
  iconUrl: {
    type: String,
    default: ''
  }
})
</script>

<template>
  <up-card
    :border="false"
    :foot-border-top="false"
    head-style="border: none; padding: 24rpx 24rpx 0 24rpx;"
    body-style="padding: 0 24rpx;"
    margin="0"
  >
    <template #head>
      <view class="card-head-container">
        <!-- <up-image
          :src="iconUrl"
          width="28rpx"
          height="28rpx"
        ></up-image> -->
        <up-text :text="title" color="#333" size="30rpx" line-height="42rpx"></up-text>
      </view>
    </template>
    <template #body>
      <slot></slot>
    </template>
  </up-card>
</template>

<style lang="scss" scoped>
.card-head-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
</style>